/* stylelint-disable declaration-bang-space-before,color-hex-length */
//--- 颜色变量（color） ---//

//-- 黑白灰（white gray black）
$white                  : #fff    !default;
$gray-100               : #e6e6e6 !default;
$gray-200               : #cccccc !default;
$gray-300               : #b3b3b3 !default;
$gray-400               : #999999 !default;
$gray-500               : #808080 !default;
$gray-600               : #666666 !default;
$gray-700               : #4d4d4d !default;
$gray-800               : #333333 !default;
$gray-900               : #1a1a1a !default;
$black                  : #000    !default;

$grays: () !default;

$grays: map-merge(
  (
    "100"               : $gray-100,
    "200"               : $gray-200,
    "300"               : $gray-300,
    "400"               : $gray-400,
    "500"               : $gray-500,
    "600"               : $gray-600,
    "700"               : $gray-700,
    "800"               : $gray-800,
    "900"               : $gray-900
  ),
    $grays
);

//-- 彩色（colors）
$red                    : #ff0000 !default;// 红
$orange                 : #ff8000 !default;// 橙
$yellow                 : #ffff00 !default;// 黄
$yellowGreen            : #80ff00 !default;// 黄绿
$green                  : #33cc33 !default;// 绿
$darkGreen              : #00ff99 !default;// 青绿
$cyan                   : #33cccc !default;// 青
$indigo                 : #0099ff !default;// 靛
$blue                   : #0040ff !default;// 蓝
$purple                 : #5500ff !default;// 紫
$magenta                : #ff00ff !default;// 品
$pink                   : #ff0080 !default;// 紫红

// 红色系（red）
$red-0                  : lighten($red, 40%);
$red-1                  : lighten($red, 32%);
$red-2                  : lighten($red, 24%);
$red-3                  : lighten($red, 16%);
$red-4                  : lighten($red, 8%);
$red-5                  : $red;
$red-6                  : darken($red, 8%);
$red-7                  : darken($red, 16%);
$red-8                  : darken($red, 24%);
$red-9                  : darken($red, 32%);
$red-10                 : darken($red, 40%);

// 橙色系（orange）
$orange-0               : lighten($orange, 40%);
$orange-1               : lighten($orange, 32%);
$orange-2               : lighten($orange, 24%);
$orange-3               : lighten($orange, 16%);
$orange-4               : lighten($orange, 8%);
$orange-5               : $orange;
$orange-6               : darken($orange, 8%);
$orange-7               : darken($orange, 16%);
$orange-8               : darken($orange, 24%);
$orange-9               : darken($orange, 32%);
$orange-10              : darken($orange, 40%);

// 黄色系（yellow）
$yellow-0               : lighten($yellow, 40%);
$yellow-1               : lighten($yellow, 32%);
$yellow-2               : lighten($yellow, 24%);
$yellow-3               : lighten($yellow, 16%);
$yellow-4               : lighten($yellow, 8%);
$yellow-5               : $yellow;
$yellow-6               : darken($yellow, 8%);
$yellow-7               : darken($yellow, 16%);
$yellow-8               : darken($yellow, 24%);
$yellow-9               : darken($yellow, 32%);
$yellow-10              : darken($yellow, 40%);

// 黄绿色系（yellowGreen）
$yellowGreen-0          : lighten($yellowGreen, 40%);
$yellowGreen-1          : lighten($yellowGreen, 32%);
$yellowGreen-2          : lighten($yellowGreen, 24%);
$yellowGreen-3          : lighten($yellowGreen, 16%);
$yellowGreen-4          : lighten($yellowGreen, 8%);
$yellowGreen-5          : $yellowGreen;
$yellowGreen-6          : darken($yellowGreen, 8%);
$yellowGreen-7          : darken($yellowGreen, 16%);
$yellowGreen-8          : darken($yellowGreen, 24%);
$yellowGreen-9          : darken($yellowGreen, 32%);
$yellowGreen-10         : darken($yellowGreen, 40%);

// 绿色系（green）
$green-0                : lighten($green, 40%);
$green-1                : lighten($green, 32%);
$green-2                : lighten($green, 24%);
$green-3                : lighten($green, 16%);
$green-4                : lighten($green, 8%);
$green-5                : $green;
$green-6                : darken($green, 8%);
$green-7                : darken($green, 16%);
$green-8                : darken($green, 24%);
$green-9                : darken($green, 32%);
$green-10               : darken($green, 40%);

// 青绿色系（darkGreen）
$darkGreen-0            : lighten($darkGreen, 40%);
$darkGreen-1            : lighten($darkGreen, 32%);
$darkGreen-2            : lighten($darkGreen, 24%);
$darkGreen-3            : lighten($darkGreen, 16%);
$darkGreen-4            : lighten($darkGreen, 8%);
$darkGreen-5            : $darkGreen;
$darkGreen-6            : darken($darkGreen, 8%);
$darkGreen-7            : darken($darkGreen, 16%);
$darkGreen-8            : darken($darkGreen, 24%);
$darkGreen-9            : darken($darkGreen, 32%);
$darkGreen-10           : darken($darkGreen, 40%);

// 青色系（cyan）
$cyan-0                 : lighten($cyan, 40%);
$cyan-1                 : lighten($cyan, 32%);
$cyan-2                 : lighten($cyan, 24%);
$cyan-3                 : lighten($cyan, 16%);
$cyan-4                 : lighten($cyan, 8%);
$cyan-5                 : $cyan;
$cyan-6                 : darken($cyan, 8%);
$cyan-7                 : darken($cyan, 16%);
$cyan-8                 : darken($cyan, 24%);
$cyan-9                 : darken($cyan, 32%);
$cyan-10                : darken($cyan, 40%);

// 靛色系（indigo）
$indigo-0               : lighten($indigo, 40%);
$indigo-1               : lighten($indigo, 32%);
$indigo-2               : lighten($indigo, 24%);
$indigo-3               : lighten($indigo, 16%);
$indigo-4               : lighten($indigo, 8%);
$indigo-5               : $indigo;
$indigo-6               : darken($indigo, 8%);
$indigo-7               : darken($indigo, 16%);
$indigo-8               : darken($indigo, 24%);
$indigo-9               : darken($indigo, 32%);
$indigo-10              : darken($indigo, 40%);

// 蓝色系（blue）
$blue-0                 : lighten($blue, 40%);
$blue-1                 : lighten($blue, 32%);
$blue-2                 : lighten($blue, 24%);
$blue-3                 : lighten($blue, 16%);
$blue-4                 : lighten($blue, 8%);
$blue-5                 : $blue;
$blue-6                 : darken($blue, 8%);
$blue-7                 : darken($blue, 16%);
$blue-8                 : darken($blue, 24%);
$blue-9                 : darken($blue, 32%);
$blue-10                : darken($blue, 40%);

// 紫色系（purple）
$purple-0               : lighten($purple, 40%);
$purple-1               : lighten($purple, 32%);
$purple-2               : lighten($purple, 24%);
$purple-3               : lighten($purple, 16%);
$purple-4               : lighten($purple, 8%);
$purple-5               : $purple;
$purple-6               : darken($purple, 8%);
$purple-7               : darken($purple, 16%);
$purple-8               : darken($purple, 24%);
$purple-9               : darken($purple, 32%);
$purple-10              : darken($purple, 40%);

// 品色系（magenta）
$magenta-0              : lighten($magenta, 40%);
$magenta-1              : lighten($magenta, 32%);
$magenta-2              : lighten($magenta, 24%);
$magenta-3              : lighten($magenta, 16%);
$magenta-4              : lighten($magenta, 8%);
$magenta-5              : $magenta;
$magenta-6              : darken($magenta, 8%);
$magenta-7              : darken($magenta, 16%);
$magenta-8              : darken($magenta, 24%);
$magenta-9              : darken($magenta, 32%);
$magenta-10             : darken($magenta, 40%);

// 紫红色系（pink）
$pink-0                 : lighten($pink, 40%);
$pink-1                 : lighten($pink, 32%);
$pink-2                 : lighten($pink, 24%);
$pink-3                 : lighten($pink, 16%);
$pink-4                 : lighten($pink, 8%);
$pink-5                 : $pink;
$pink-6                 : darken($pink, 8%);
$pink-7                 : darken($pink, 16%);
$pink-8                 : darken($pink, 24%);
$pink-9                 : darken($pink, 32%);
$pink-10                : darken($pink, 40%);

//-- 默认列表（default）
$colors: () !default;

$colors: map-merge(
    (
      "red"               : $red,
      "orange"            : $orange,
      "yellow"            : $yellow,
      "yellowGreen"       : $yellowGreen,
      "green"             : $green,
      "darkGreen"         : $darkGreen,
      "cyan"              : $cyan,
      "indigo"            : $indigo,
      "blue"              : $blue,
      "purple"            : $purple,
      "magenta"           : $magenta,
      "pink"              : $pink,
      "white"             : $white,
      "gray"              : $gray-600,
      "gray-dark"         : $gray-800
    ),
    $colors
);

//-- 定制颜色（theme）
$primary                : $indigo       !default;
$secondary              : $gray-600     !default;
$success                : $green        !default;
$info                   : $cyan         !default;
$warning                : $yellow       !default;
$danger                 : $red          !default;
$light                  : $gray-100     !default;
$dark                   : $gray-800     !default;

//-- 定制列表（list）
$theme-colors: () !default;

$theme-colors: map-merge(
    (
      "primary"           : $primary,
      "secondary"         : $secondary,
      "success"           : $success,
      "info"              : $info,
      "warning"           : $warning,
      "danger"            : $danger,
      "light"             : $light,
      "dark"              : $dark
    ),
    $theme-colors
);
